<template>
  <div id="app">
    <div class="mui-input-row mui-search">
      <input
        type="search"
        class="mui-input-clear"
        placeholder="请输入搜素内容"
        v-model="key"
        @keyup.enter="SearchMv"
      />
    </div>
    <Mvlist v-bind:keywords="key" v-if="updatelist"></Mvlist>
  </div>
</template>

<script>
import Mvlist from "../components/Mvlist.vue";
export default {
  name: "app",
  data() {
    return {
      value: "",
      key: "",
      updatelist:true
    };
  },
  created() {
  },
  components: {
    Mvlist,
  },
  methods:{
    SearchMv(){
     this.updatelist=false
     this.$nextTick(()=>{
       this.updatelist=true
     })
    }
  }
};
</script>

<style lang="scss" scoped>
input{
  margin-top: 10px;
  border-radius: 20px;
  }
</style>